<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人中心</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/build.css" rel="stylesheet" type="text/css" />
		<script src="js/mui.min.js"></script>
	</head>
	<body>
		<div class="mui-content">
			<div class="mui-control-content mui-active">
				<!-- 头部背景图  start -->
				<div class="banner-content">
					<div class="user_name">
						<div class="head"><img src="images/default.jpg" /></div>
						<div class="name">Aston-Martin</div>
					</div>
					<div><img src="images/user_bg.jpg" width="100%" /></div>
				</div>
				<!-- 头部背景图  end -->
				<!-- 菜单列表 star-->
				<ul class="mui-table-view user_menu_list">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="#"><img src="images/user_icon01.png" />我的消息</a>
						<span class="mui-badge tip_newInfo">你有新的消息</span>
					</li>
					<li class="mui-table-view-cell mui-collapse mui-active">
						<a class="mui-navigate-right" href="#"><img src="images/user_icon02.png" />我的待办</a>
						<ul class="mui-table-view user_sub_list">
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="#">长江航运指数管理待办</a>
								<span class="mui-badge">10</span>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="#">航道行政管理待办</a>
								<span class="mui-badge">23</span>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="#">综合管理分发待办</a>
								<span class="mui-badge">12</span>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="#">市场监管抽查</a>
							</li>
						</ul>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="#"><img src="images/user_icon03.png" />我的收藏</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="#"><img src="images/user_icon04.png" />用户设置</a>
					</li>
				</ul>
				<!-- 菜单列表 end-->
				
				<!-- 底部信息-->
				<div class="footer_box">
					<div class="footer_txt">
						<p>主办单位：交通运输部长江航务管理局</p>
						<p>备案号：鄂ICP备0500000026号</p>
					</div>
				</div>
			</div>
			
			<!-- 底部tabbar    start -->
			<nav class="mui-bar mui-bar-tab tabbar-bottom">
				<a class="mui-tab-item" onclick="window.location.href='index.html'">
					<span class="mui-icon"><img src="images/nav_home.png" /></span>
					<span class="mui-tab-label">首页</span>
				</a>
				<a class="mui-tab-item" onclick="window.location.href='/hudongAdd'">
					<span class="mui-icon"><img src="images/nav_hudong.png" /></span>
					<span class="mui-tab-label">咨询</span>
				</a>
				<a class="mui-tab-item mui-active" onclick="window.location.href='/user.html'">
					<span class="mui-icon"><img src="images/nav_user_on.png" /></span>
					<span class="mui-tab-label">我的</span>
				</a>
			</nav>
			<!-- 底部tabbar    end -->
			<script type="text/javascript">
				mui.init();
				
			</script>
		</div>
	</body>
</html>
